/* You can add global styles to this file, and also import other style files */
@import "~@angular/material/prebuilt-themes/deeppurple-amber.css";

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background: #EDEDED; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;} 

.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }

html, body, .site {
  width: 100%;
  height: 100%;
  margin: 0;
}

.site {
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 1 auto;
}

.header-toolbar {
  background-color: white;
  position: fixed;
}

.nav-wrapper {
  display: flex;
  width: 1205px;
  margin: 0 auto;
  flex-direction: row;

}

.logo-wrapper {
  display: flex;
  flex-direction: row;
  width: 357px;
  align-items: center;
}


.search-bar {
  height: 38px;
  font-size: 16px;
  width: 400px;
}

.search-text {
  outline: none;
  color: #184795;
}

.search-container {
  width: 490px;
  display: block;
  margin: 78px auto 0px auto ; }

.search-wrapper {
  width: 490px;
}

input#search-bar {
  margin: 0 auto;
  width: 490px;
  height: 45px;
  padding: 0 60px 0 20px;
  font-size: 1rem;
  border: 1px solid #D0CFCE;
  outline: none; }
  input#search-bar:focus {
    border: 1px solid #184795;
    transition: 0.35s ease;
    color: #008ABF; }
    input#search-bar:focus::-webkit-input-placeholder {
      transition: opacity 0.45s ease;
      opacity: 0; }
    input#search-bar:focus::-moz-placeholder {
      transition: opacity 0.45s ease;
      opacity: 0; }
    input#search-bar:focus:-ms-placeholder {
      transition: opacity 0.45s ease;
      opacity: 0; }
.search-icon {
  position: relative;
  float: right;
  width: 75px;
  height: 75px;
  top: -62px;
  right: 0px; }

/*# sourceMappingURL=style.css.map */


.logo-text {
  color: #184795;
  margin-left: 10px;
}

.nav-wrapper div {
  flex:1;
}

.user-wrapper div {
  float: right;
}


.logo {
  width: 40px;
  height: 40px;
}


.userinfo ul {
  position: relative;
  height: 65px;
  top: 66px;
  line-height: 66px;
  float: right;
}

.userinfo li {
  height: 65px;
  font-size: 14px;
  font-weight: 700;
  float: left;
  padding-left: 30px;
}

.userinfo li a {
  color: #979797;
}
.userinfo li a:hover {
  text-decoration: none;
  color: #184795;
}

a {
  transition: all ease-out 0.3s;
  -webkit-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  color: inherit;
}